/* Html Elements
----------------------------------------------------------*/
* { margin: 0px; padding: 0px; }
html { overflow-y : scroll; }
body { color: #1c1c1e; font-family: dotum, '돋움'; font-size: 62.5%; -webkit-text-size-adjust: none; }
img { border-style: none; max-width: 100%; }
table, th, td { border: 0px; border-collapse: collapse; }
ul, ul li { list-style-type: none; }

a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }
a {
	outline: none;
 }

/* Common
----------------------------------------------------------*/
.hdiv { display: inline-block; zoom:1; *display:inline; }
.hp { display: inline-block; zoom:1; *display:inline; }


/* Layout
----------------------------------------------------------*/
html { height: 100% }
body { height: 100% }

.stock_layout_head { width: 100%; position: relative; text-align: center; z-index: 10000; }
    .stock_layout_head .layout_top { position: relative; width: 1000px; height: 50px; padding-top: 22px; margin: 0px auto; margin-bottom: 4px; text-align: center; z-index: 15001;  }
    .stock_layout_head .layout_top .sub_layout_login { position: absolute; top: 33px; right: 0px; text-align: right; }
    .stock_layout_head .layout_top .sub_layout_login .sec_link { height: 22px; padding-right: 2px }
    .stock_layout_head .layout_top .sub_layout_login .sec_layer { position: absolute; top: 28px; right: -4px; width: 211px; height: 116px; background: url(../Images/common/sublogin_bg_layer.png) no-repeat; font-size: 1.2em; font-family: gulim, dotum; text-align: left; }
    .stock_layout_head .layout_gnb { width: 100%; position: absolute; top: 72px; left: 0px; _overflow: hidden; background: url(../Images/common/gnb_bg_line.png) repeat-x; z-index: 15000; }
    .stock_layout_head .layout_gnb .gnb_wrap { width: 1294px; height: 35px; background: url(../Images/common/gnb_bg.png) no-repeat top center; margin: 0 auto; }
    .stock_layout_head .layout_gnb .gnb_wrap .gnb { width: 1000px; height: 35px; margin: 0 auto; text-align: left; }
    
	.stock_layout_head .layout_gnb_open { width: 100%; height: 198px; position: relative; top: 31px; left: 0px; text-align: left; background: url(../Images/common/gnb_bg_open.gif) repeat-x #405c94; overflow: hidden; z-index: 14999; }
    .stock_layout_head .layout_gnb_open .open_wrap { width: 722px; margin: 0 auto; }
    .stock_layout_head .layout_gnb_open_line { width: 100%; height: 7px; position: relative; top: 31px; background: url(../Images/common/gnb_bg_line_open.png) repeat-x; }
	  
.stock_layout_body { width: 100%; position: absolute; top: 140px; left: 0px; z-index: 9999; }
    .stock_layout_center { width: 100%; background: url(../Images/main/main_bg_contents.gif) repeat-x bottom;  }
	    .stock_layout_main { width: 1000px; padding-bottom: 39px; margin: 0px auto; overflow: auto;  }  
	    .stock_layout_main .sec_left { width: 207px; float: left; }  
	    .stock_layout_main .sec_right { width: 758px; float: right; }  
	    .stock_layout_sub { width: 1000px; padding-bottom: 39px; margin: 0px auto; overflow: auto; position: relative;  }  
	    .stock_layout_sub .sec_left { width: 197px; float: left; }  
	    .stock_layout_sub .sec_right { width: 758px; float: right; }  
    .stock_layout_footer { width: 1000px; position: relative; margin: 0px auto; margin-top: 26px; margin-bottom: 45px; overflow: hidden; vertical-align: top; }
    .stock_layout_footersub { width: 100%; height: 30px; border-top: 1px solid #ededed; border-bottom: 1px solid #ededed; }
 
    
/* Intro
---------------------------------------------------------- */
.stock_layout_intro { position: absolute; width: 100%; height: 100%; z-index: 10001; }
.stock_layout_intro .bg { width: 100%; height: 100%; background: black; filter: alpha(opacity:90); }
.stock_layout_intro .contents { position: absolute; top: 50%; left: 50%; width: 784px; height: 346px; text-align: center; margin-left: -392px; margin-top: -173px; }    
    
/*Head
---------------------------------------------------------- */
.layout_gnb .gnb_wrap .gnb ul { width: 720px; margin: 0 auto; }
.layout_gnb .gnb_wrap .gnb ul li { float: left; width: 180px; height: 37px; text-align: center; }

.layout_gnb_open .open_wrap .line { float: left; width: 1px; height: 198px; border-left: 1px solid #2b4984; background: #506eaa; }
.layout_gnb_open .open_wrap ul { float: left; padding-top: 6px; }
.layout_gnb_open .open_wrap ul li { width: 178px; height: 30px; }
.layout_gnb_open .open_wrap ul li a { display: inline-block; width: 176px; height: 24px; padding-top: 4px; text-align: center; }
.layout_gnb_open .open_wrap ul li a.on { background: #6188d8; border: 1px solid #749df1; }


/* Sub Login */
.sub_layout_login table { float: right; }
.sub_layout_login table tr { cursor: pointer; }
.sub_layout_login table tr td { height: 22px; }
.sub_layout_login table tr td.left { width: 7px; background: url(../Images/common/sublogin_sel_bgleft.gif) no-repeat; }
.sub_layout_login table tr td.center { width: 114px; text-align: left; background: url(../Images/common/sublogin_sel_bgcenter.gif) repeat-x; font-size: 1.1em; line-height: 22px; color: #1f54cf; }
.sub_layout_login table tr td.right { width: 22px; background: url(../Images/common/sublogin_sel_bgright.gif) no-repeat; }
.sub_layout_login .btn_login { float: right; border: none; margin: 5px 0px 0px 9px; *margin: 5px 0px 0px 0px; background: #fff; font-size: 1.1em; color: #244391; cursor: pointer; }

.sub_layout_login .sec_layer .mylogin { padding-left: 11px; font-weight: bold;  }
.sub_layout_login .sec_layer .mylogin a.nick  { color: #2659d1; margin-right: 3px; }
.sub_layout_login .sec_layer .mylogin a.nick:hover { text-decoration: underline; }
.sub_layout_login .sec_layer .mylogin .btn_close { position: absolute; right: 16px; top: 14px; }
.sub_layout_login .sec_layer .mypoint { padding-left: 34px; background: url(../Images/common/ic_point.gif) no-repeat 13px 9px;  }
.sub_layout_login .sec_layer .mypoint a { color: #4f4f4f; }
.sub_layout_login .sec_layer .mypoint a:hover { text-decoration: underline; }
.sub_layout_login .sec_layer .myevents { padding-left: 34px; background: url(../Images/common/ic_myevents.gif) no-repeat 12px 10px; }
.sub_layout_login .sec_layer .myevents a { color: #595959; }
.sub_layout_login .sec_layer .myevents a:hover { text-decoration: underline; }


/* Footer
----------------------------------------------------------*/
.stock_layout_footersub ul { width: 758px; margin: 0 auto; margin-top: 10px; padding-left: 242px; }
.stock_layout_footersub ul li { float: left; padding: 0px 14px; border-right: 1px solid #ccc; }
.stock_layout_footersub ul li img { vertical-align: top; }

.stock_layout_footer .logo { width: 207px; height: 39px; padding-top: 24px; float: left; text-align: center; }
.stock_layout_footer .logo_sub { width: 207px; height: 39px; padding-top: 5px; float: left; text-align: center; }
.stock_layout_footer .otherinfo { width: 650px; float: left; margin-left: 35px; }
.stock_layout_footer .otherinfo ul { height: 17px; margin-bottom: 7px; }
.stock_layout_footer .otherinfo ul li { float: left; padding: 0px 14px; border-right: 1px solid #ccc; }
.stock_layout_footer .otherinfo ul li img { vertical-align: top; }
.stock_layout_footer .otherinfo address span { display: inline-block; padding-right: 5px; padding-bottom: 3px; }
.stock_layout_footer .otherinfo address span.last { background: none; }
.stock_layout_footer .otherinfo p.copyright { margin-top: 4px; }


